@import '../base/var.styl'
@import '../base/mixin.styl'

.pic-list
  font-size: 0
  .item
    display: inline-block
    vertical-align: top
    width: 260px
    margin-bottom: 35px
    background: #fff
    transition: 300ms
    &:not(:nth-child(3n))
      margin-right: 35px
    &:hover
      transform: translateY(-10px)
      box-shadow: 0 3px 10px rgba(102, 102, 102, 20%)
    .item-poster
      width: 100%
      height: 0
      padding-top: 70%
      background-repeat: no-repeat
      background-size: cover
      background-position: center
      background-color: pink
    .item-title-wrap
      padding: 20px
      .item-title
        font-size: 16px
        color: $c-theme
        line-height: 1.5
        max-height: 3em
        multi-ellipsis(2)
      